<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>elRTE from source</title>

         jQuery and UI 
        <script src="../js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">

         CSS for widgets 
        <link rel="stylesheet" href="ellib/css/elcommon.css" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" href="ellib/css/elcolorpicker.css" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" href="ellib/css/eldialogform.css" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" href="ellib/css/elpaddinginput.css" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" href="ellib/css/elselect.css" type="text/css" media="screen" charset="utf-8">
        <link rel="stylesheet" href="elrte/css/elrte.css" type="text/css" media="screen" charset="utf-8">

         Common JS and widgets 
        <script src="ellib/js/eli18n.js" type="text/javascript" charset="utf-8"></script>
        <script src="ellib/js/eldialogform.js" type="text/javascript" charset="utf-8"></script>
        <script src="ellib/js/jquery.elcolorpicker.js" type="text/javascript" charset="utf-8"></script>
        <script src="ellib/js/jquery.elborderselect.js" type="text/javascript" charset="utf-8"></script>
        <script src="ellib/js/jquery.elpaddinginput.js" type="text/javascript" charset="utf-8"></script>
        <script src="ellib/js/jquery.elselect.js" type="text/javascript" charset="utf-8"></script>

         elRTE core 
        <script src="elrte/js/elRTE.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.options.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.utils.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.DOM.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.selection.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.w3cRange.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.ui.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.history.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/elRTE.filter.js" type="text/javascript" charset="utf-8"></script>

         elRTE languages 
        <script src="elrte/js/i18n/elrte.ar.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.ca.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.cs.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.da.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.de.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.en.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.es.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.fa.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.fr.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.hr.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.hu.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.it.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.jp.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.ko.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.lv.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.nl.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.pl.html" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.pt_BR.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.th.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.tr.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.uk.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.vi.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.zh_CN.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/i18n/elrte.zh_TW.js" type="text/javascript" charset="utf-8"></script>

         elRTE buttons 
        <script src="elrte/js/ui/anchor.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/blockquote.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/copy.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/css.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/div.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/docstructure.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/elfinder.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/fontname.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/fontsize.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/forecolor.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/formatblock.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/fullscreen.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/horizontalrule.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/image.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/flash.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/indent.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/justifyleft.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/link.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/nbsp.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/outdent.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/pasteformattext.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/pastetext.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/save.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/stopfloat.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/table.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tablerm.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbcellprops.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbcellsmerge.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbcellsplit.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbcollbefore.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbcolrm.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbrowbefore.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/tbrowrm.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/unlink.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/undo.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/direction.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/smiley.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/pagebreak.js" type="text/javascript" charset="utf-8"></script>
        <script src="elrte/js/ui/about.js" type="text/javascript" charset="utf-8"></script>

         elFinder 
        <link rel="stylesheet" href="../../elfinder/css/elfinder.css" type="text/css" media="screen" charset="utf-8">
        <script src="../../elfinder/js/elfinder.full.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../elfinder/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>



        <script>
            jQuery().ready(function() {
// Disable filtering chains
// elRTE.prototype.filter.prototype.chains = {	}

            /* elRTE 'custom' toolbar */
            elRTE.prototype.options.panels.custom = [
                    'bold', 'italic', 'underline', 'forecolor',
                    'fontsize', 'formatblock', 'insertorderedlist', 'insertunorderedlist', 'docstructure'
            ];
                    elRTE.prototype.options.toolbars.custom = ['custom', 'eol', 'undoredo', 'alignment', 'eol', 'links', 'images'];
                    var opts = {
            // doctype  : '<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
            cssClass : 'el-rte',
                    //lang     : 'en',                                 height   : 350, toolbar  : 'maxi', // custom
                    cssfiles : ['elrte/css/elrte-inner.css', 'elrte/css/inner-example.css'],
                    // elfinder
                    fmOpen   : function(callback) {
            $('<div id="myelfinder"></div>').elfinder({
                    url : '../../elfinder/connectors/php/connector.php',
                    lang : 'en',
                    dialog : { width : 900, modal : true, title : 'Files' }, // open in dialog
            closeOnEditorCallback : true, // close elFinder after file select
                    editorCallback : callback // pass callback to editor
                    });
                    },
                    // example of user replacement
                    // restricts edit of blocks like  BEGIN MY_BLOCK anything END MY_BLOCK 
                    replace : [ function(html) {
                    var self = this;
                    return html.replace('/(\s*BEGIN\s*([^>]+)\s*([\s\S]*?)\s*END\s*(\2)\s*)/gi', function(t, a, b, c, d) {

            if (b == d) {
//self.rte.log([b, d]);
            var id = 'MYTAG' + Math.random().toString().substring(2);
                    self.scripts[id] = t;
                    return '<img id="' + id + '" src="' + self.url + 'pixel.gif" class="elrte-protected elrte-MYTAG">';
                    }
            return html;
                    });
            }],
                    restore : [ function(html) {
            var self = this;
                    return html.replace(this.serviceClassRegExp, function(t, n, a) {
a = self.parseAttrs(a);
                        if (a["class"]['elrte-MYTAG']) {
                                return self.scripts[a.id] + "\n" || '';
                        }
                        return t;
                });
        }]
};

// create elRTE
var rte = $('#editor').elrte(opts);

// elRTE in dialog example
$('#dialog').click(function() { // open dialog on click
        var dialog = $('<div/>').dialog({
                title : 'Editor in dialog',
                width : 600
        });
        // create element for elRTE
        var rteInDialog = $('<div>Content for editor in dialog</div>');
        // put element inside dialog
        dialog.append(rteInDialog);
        // create elRTE on element
        rteInDialog.elrte(opts);
});
$('#getContent').click(function() {
        alert($('#editor').elrte('val'));
});
$('#setContent').click(function() {
        $('#editor').elrte('val', 'This is new <b>content</b> for editor');
});
$('#destroy').click(function() {
        $('#editor').elrte('destroy');
});

});
        </script>

        <style type="text/css" media="screen">
            body { padding: 0 20px; }
            .button { display:inline-block; border:1px solid #ccc; background:#eee; padding:5px; margin:10px; }
        </style>

    </head>
    <body>
         <object style="" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="300" width="500"><param name="quality" value="high"><param name="movie" value="http://localhost/git/elrte-stable/files/flash/500.swf"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://localhost/git/elrte-stable/files/flash/500.swf" type="application/x-shockwave-flash"></object> 


         <object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/yksg5lL6D_U?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yksg5lL6D_U?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object> 
         <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109895569633316339579.0004564e2ac5710eda622&amp;ll=7.815809,98.33674&amp;spn=0.000361,0.004838&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109895569633316339579.0004564e2ac5710eda622&amp;ll=7.815809,98.33674&amp;spn=0.000361,0.004838&amp;source=embed" style="color:#0000FF;text-align:left">World Ocean Trip</a> in a larger map</small> 
        <form method="post" action="http://www.malijuthemeshop.com/themes/mws-admin/1.3/plugins/elrte/src/post.php?debug=yes">
             <textarea id="editor2">
                    <table>
                            <tr>
                                    <td>Полотенце</td>
                                    <td>Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.</td>
                            </tr>
                    </table>
                    <meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
                    Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.
            </textarea> 
             <textarea id="editor3"></textarea> 
            <div id="editor">
                 BEGIN DO_NOT_EDIT 
                hello eldorado	 BEGIN DO_NOT_INNER inner END DO_NOT_INNER 
                 END DO_NOT_EDIT 

                 BEGIN DO_NOT_WOW 
                here is my fancy code
                 END DO_NOT_WOW 

                <p>Полотенце, <a name="42"></a>возможно, <span> необходимый предмет ! </span>для межзвездного путешественника.</p> &nbsp; <br /> &nbsp;
                <br>&nbsp;&nbsp;<p>Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.</p>
                <meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
                <font color="red">empty text</font>
                <div>div'ed text</div><p>p test</p>
                <table>
                    <tbody> {?foreach key=k value=v?}
                        <tr><td>123</td></tr> {?/foreach?}
                    </tbody>
                </table>
                <h2>ДУГЛАС АДАМС - Путеводитель "Автостопом по Галактике"<br>
                    DOUGLAS ADAMS - The Hitchhiker's Guide to the Galaxy</h2>


                <img src="elrte/images/media-director.png" alt="Marvin">
                 pagebreak 
                <b>Вот что сообщает <a href="http://google.com/">Галактический Путеводитель</a> на предмет <span style="background-color: rgb(255, 255, 153);">полотенец</span>:</b>
                Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника. Оно имеет некоторую практическую ценность - вы можете: завернуться в него, чтобы согреться, прыгая по холодным лунам Джаглан-Беты; использовать его, как подстилку,лежа на мраморном песке пляжей Сантрагинуса V и вдыхая пьянящий морской воздух;  спать на нем под огненно-красными звездами на пустынной планете Какрафун; сделать из него парус, чтобы спуститься на плоту по ленивой реке Мотт; намочить его и завязать узлом, чтобы использовать, как оружие в рукопашной; обвязать им голову, чтобы избежать ядовитого дыма или взгляда Прожорного Заглотозавера с Трааля 
            </div>
            <input type="submit" name="" value="go" id="">
        </form>
        <div id="dialog" class="button">dialog</div>
        <div id="getContent" class="button">get content</div>
        <div id="setContent" class="button">set content</div>
        <div id="destroy" class="button">destroy</div>
    </body>
</html>-->
